<?php if( ! defined('ABSPATH')) exit('restricted access');?>

<?php if(isset($is_shortcode)):?>
	<a href="#" class="startHere"><?php echo $_webnukes->kvalue($wpnukes_symptoms, 'caption', __('Start Here', THEME_NAME)); ?></a>
<?php endif;?>
<div class="symptom-checker-container">
<!-- Step One -->
<div id="step_one" class="slider_nav" style="display: none;"> <a class="cancel_symptom_check" href="#"></a>
	<ul class="skelScroll">
		<li>
			<div class="cell"> <span class="thin"><?php _e('Select', THEME_NAME); ?></span> <span class="thick"><?php _e('Gender', THEME_NAME);?></span>
				<div class="left_bar"></div>
			</div>
		</li>
		<li class="skeletonBox">
			<div class="manSkel" style=""></div>
		</li>
		<li class="sp"></li>
		<li class="skeletonBox">
			<div class="womanSkel" style=""></div>
		</li>
		<li class="sp"></li>
		<li class="skeletonBox">
			<div class="kidSkel" style=""></div>
		</li>
		<li>
			<div class="cell">
				<div class="next_step inactive"><?php _e('Next Step', THEME_NAME); ?></div>
			</div>
		</li>
	</ul>
</div>

<!--  Step two -->
<div id="step_two" class="slider_nav" style="display: none;"> <a href="#" class="cancel_symptom_check"></a>
    <ul class="skelScroll">
        <li>
            <div class="cell"> <span class="thin"><?php _e('Select', THEME_NAME); ?></span> <span class="thick"><?php _e('Gender', THEME_NAME); ?></span> <span class="thick"><?php _e('View', THEME_NAME); ?></span>
                <div class="left_bar"></div>
            </div>
        </li>
        <li class="skeletonBox">
            <div class="manSkel" style=""></div>
        </li>
        <li class="sp"></li>
        <li class="skeletonBox">
            <div class="manSkel_back" style=""></div>
        </li>
        <li>
            <div class="cell">
                <div class="next_step inactive"><?php _e('Next Step', THEME_NAME); ?></div>
            </div>
        </li>
    </ul>
    <div class="terms">
        <h2><?php _e('Terms of Use', THEME_NAME); ?></h2>
        <p><?php echo nl2br($_webnukes->kvalue($wpnukes_symptoms, 'tou'));?></p>        

        <label class="checkBox">
        	<input type="checkbox" id="termsOfUse">
        	<?php echo $_webnukes->kvalue($wpnukes_symptoms, 'agreement');?>
		</label>

    </div>
    <div class="clear"></div>
    <div class="buttons"> <a href="#" class="button goBack"><?php _e('Go Back', THEME_NAME);?></a> <a href="#" class="button startOver"><?php _e('Start Over', THEME_NAME);?></a> </div>
</div>

<!-- Step three -->
<div id="step_three" class="slider_nav" style="display: none;"> <a href="#" class="cancel_symptom_check"></a>

    <div class="skelResults">
        
		<div class="skeleton">
            <div class="man man_back">
                <ul class="parts">
                    <li class="head"><a href="#"></a></li>
                    <li class="neck"><a href="#"></a></li>
                    <li class="arm"><a href="#"></a></li>
                    <li class="chest"><a href="#"></a></li>
                    <li class="forearm"><a href="#"></a></li>
                    <li class="hands"><a href="#"></a></li>
                    <li class="stomach"><a href="#"></a></li>
                    <li class="thigh"><a href="#"></a></li>
                    <li class="calf"><a href="#"></a></li>
                    <li class="foot"><a href="#"></a></li>
                </ul>
                <div class="view_buttons"> <a href="#" class="back_view"><?php _e('Back View', THEME_NAME); ?></a> | <a href="#" class="front_view_selected"><?php _e('Front View', THEME_NAME);?></a> </div>
            </div>
        </div>
		
        <div class="sympton_stats">
            <div class="level_one cyan_bg">
                <div class="caption"><span class="steps">01</span><span class="step_title"><?php _e('Body Parts', THEME_NAME); ?></span></div>
                <div class="cntnt" style="height: 236px;">
                    <div class="block1 inline_msg"> <strong><?php _e('Step #1', THEME_NAME); ?></strong> - <?php echo $_webnukes->kvalue($wpnukes_symptoms, 'step1_note'); ?></div>
                </div>
                <div class="popup-box hidden"></div>
            </div>
            <div class="level_two skin_bg">
                <div class="caption"><span class="steps">02</span><span class="step_title"><?php _e('Selected Symptoms', THEME_NAME); ?></span></div>
                <div class="cntnt" style="height: 208px;">
                    <div class="block1 inline_msg"> <strong><?php _e('Step #2', THEME_NAME); ?></strong> - <?php echo $_webnukes->kvalue($wpnukes_symptoms, 'step2_note'); ?></div>
                </div>
            </div>
            <div class="level_three purple_bg">
                <div class="caption"><span class="steps">03</span><span class="step_title"><?php _e('Possible Condition', THEME_NAME); ?></span></div>
                <div class="cntnt" style="height: 180px;">
                    <div class="block1 inline_msg"> <strong><?php _e('Step #3', THEME_NAME); ?></strong> - <?php echo $_webnukes->kvalue($wpnukes_symptoms, 'step3_note'); ?></div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="buttons"> <a href="#" class="button goBack"><?php _e('Go Back', THEME_NAME); ?></a> <a href="#" class="button startOver"><?php _e('Start Over', THEME_NAME); ?></a> <a href="#" class="restart_selection"><?php _e('Reset Selection', THEME_NAME); ?></a> </div>
</div>

<div class="slide_overlay" style="display: none;"></div>
<img src="" id="preloading" class="hidden" alt="" />

</div><!-- symptom-checker-container ends -->